page{
    
}

.collect_main{
    background-color: #f3f4f6;
    .collect_title{
        padding: 40rpx 0;
        .collect_tips{
            padding: 15rpx;
            border: 1rpx solid #ccc;
            margin-left: 25rpx;
            background-color: #fff;
        }
        .active{
            color: var(--themeColor);
            border-color: currentColor;
        }
    }
    .collect_content{
        .goods_item{
            display: flex;
            border-bottom: 1px solid #ccc;
            background-color: #fff;
            .goods_img_wrap{
                /* 占伸缩盒子的 2/5 */
                flex: 2;
                display: flex;
                justify-content: center;
                align-items: center;
                image{
                    width: 70%;
                }
            }
            .goods_info_wrap{
                /* 占伸缩盒子的 3/5 */
                flex: 3;
                display: flex;
                /* 主轴方向是列的方向 */
                flex-direction: column;
                /* 文本上下方向为空白环绕 */
                justify-content: space-around;
                .goods_name{
                    /* 多行显示的css样式 */
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    /* 限制块级标签显示的文本行数 */
                    -webkit-line-clamp:2;
    
                    /* 让英文产生换行效果 */
                    word-wrap: break-word;
                    word-break: break-all;
                     /* 让英文产生换行效果 */
                }
                .goods_price{
                    color: var(--themeColor);
                    font-size: 32rpx;
                }
            }
        }
    }
}